<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	 <div  id="content">
            <section class="content-header">
                <h1>
                    <i class="fa fa-cogs"></i>
                    <strong>设备维护方案</strong>
                </h1>
                <ol class="breadcrumb">
                    <li><a href="#"><i class="fa fa-home "></i>Home</a></li>
                    <li>售后管理</li>
                    <li class="active">设备维护方案</li>
                </ol>
            </section>
            <!-- Main content -->
            <section class="content"> 
           	    <div class="row">
           	       <div class="col-md-3">
           	       	   <div class="box box-info">
           	       	      <div class="box-header with-border">
							<i class="fa fa-cubes"></i>
    						<h4 class="box-title">设备选择</h4>	
        				 </div>
        				 <div class="box-body" id="ztreef" >
        				     <ul id="deviceTree" class="ztree"></ul>
        				 </div>
           	       	   </div>  
           	       </div>
           	       <div  class="col-md-9">
           	           <div class="box-header with-border">
							<i class="fa fa-cubes"></i>
    						<h4 class="box-title">维护方案</h4>	
        				</div>
           	             <div class="box-body" >
        				     <button class="btn btn-info pull-right delBtn" >删除</button>
        				     <button class="btn btn-info pull-right editBtn">编辑</button>
        				     <button class="btn btn-info pull-right addBtn" >添加</button>
        				     <table id="resultSchemeTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="100%">
                                    <thead>
                                        <tr>
                                            <th width="8%">序号</th>
                                            <th width="8%"><input type="checkbox" id="checkAllScheme"/></th>
                                            <th width="21%">方案名称</th>
                                            <th width="21%">方案编号</th>
                                            <th width="21%">设备分类</th>
                                            <th width="21%">设备型号</th>
                                        </tr>
                                    </thead>
                                    <tbody>
               						</tbody>
                                </table>
        				</div>
           	       </div>
           	    </div>
            </section>
            
        <!--设备维护方案添加/编辑弹窗-->
    <div class="modal" id="maintainSchemeModal">
        <div class="modal-dialog" role="dialog" style="width:80%">
                <div class="modal-content" >
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title"><strong>设备维护方案</strong></h4>
                    </div>
                    <div style="height:555px;overflow-x:hidden;overflow-y:auto;">
                    <div class="modal-body">
                        <div class="form-inline">
                        <form id="maintainSchemeAtrrForm">
                        <input type="hidden" id="schemeID" name="schemeID"/>
                        <input type="hidden" id="" name=""/>
                            <div class="widget-content nopadding">
                            <table class="table table-bordered">
                             <tbody>
                             <tr class="odd gradeX">
						             <td width="15%" align="center" style="vertical-align:middle">设备分类</td>
						              <td width="35%"><div class="col-md-8">
						              <input class="form-control" type="text" name="type" id="type" readonly="readonly" style="width:100%" /></div>
						               <div class="col-md-4">
						                <span style="color:#F00"></span>
						               </div></td>
						             <td width="15%" align="center" style="vertical-align:middle">设备型号</td>
						              <td width="35%">
						              <div class="col-md-8">
						              <input type="hidden" id="deviceID" name="deviceID" />
									  <input class="form-control" type="text" name="deviceType" id="deviceType" 
													readonly="readonly" style="width:100%" /></div>
						              <div class="col-md-4">
						                <span style="color:#F00"></span>
						               </div>
			                          </td>
						             </tr>
						              <tr class="even gradeC"> 
						              <td width="15%" align="center" style="vertical-align:middle">方案编号</td>
						              <td width="35%"><div class="col-md-8">
						              <input class="form-control" type="text" name="schemeCode" id="schemeCode" datatype="*,*1-100,t" nullmsg="请输入方案编号" style="width:100%"/></div>
						              <div class="col-md-4">
						                <span style="color:#F00">*</span>
						               </div>
									  </td>
						              <td width="15%" align="center" style="vertical-align:middle">方案名称</td>
						              <td width="35%"><div class="col-md-8">
						              <input class="form-control" type="text" name="schemeName" id="schemeName" datatype="*,*1-100,t" nullmsg="请输入方案名称" style="width:100%"/></div>
						              <div class="col-md-4">
											<span style="color:#F00">*</span>
										    <button type="button" class="btn btn-info pull-right saveSchemeBtn">保存</button>
										</div></td>
						             </tr>
                    </tbody>
                    </table>
                    </div>
                    
                    <div class="box-header with-border">
				        <h4 class="box-title">项目信息</h4>
				    </div>
                    <div class="widget-content nopadding">
                            <table class="table table-bordered">
                             <tbody>
                             		<tr class="odd gradeX">
						             <td width="15%" align="center" style="vertical-align:middle">维护周期(天)</td>
						              <td width="35%">
										  <div class="col-md-11">
										<input class="form-control" type="text" name="maintainPeriod" id="maintainPeriod" datatype="d" errormsg="请输入整数"  />
										</div>
						               <div class="col-md-1">
						                <span style="color:#F00"></span>
						               </div></td>
						             <td width="15%" align="center" style="vertical-align:middle">维护项目</td>
						              <td width="35%">
						              <div class="col-md-8">
						              <input class="form-control" type="text" name="maintainProject" id="maintainProject" style="width:100%" /></div>
						              <div class="col-md-4">
						                <span style="color:#F00"></span>
						               </div>
			                          </td>
						             </tr>
						             <tr class="even gradeC"> 
						             <td width="15%"  align="center" style="vertical-align:middle">注意事项</td>
										 <td colspan="3">
						              <div class="col-md-9">
						              <textarea class="form-control" type="text" name="announcement" id="announcement" style="width:100%"></textarea>
									  </div>
						              <div class="col-sm-3" align="center" style="vertical-align:middle">

						               </div>
										 </td>
									 </tr>
							 		<tr class="even gradeC">
										<td width="15%"  align="center" style="vertical-align:middle">备注</td>
										<td colspan="3">
						             <div class="col-md-9">
						              <textarea class="form-control" type="text" name="memo" id="memo" style="width:100%" ></textarea>
									 </div>
						              <div class="col-sm-3" align="center" style="vertical-align:middle">
										    <button type="button" class="btn btn-info pull-right resetBtn">清空</button>
											<button type="button" class="btn btn-info pull-right saveItemBtn">添加</button>
										</div>
										</td>
						             </tr>
                    </tbody>
                    </table>
                    </div>
                    <div class="form-inline">
                            	 <div class="form-group">
								 <div class="box-header with-border">
				                    <i class="fa fa-th-list"></i>
				                    <h4 class="box-title">维护项目</h4>
				                 </div>
				                 </div>
								 <div class="btn-group pull-right">
									 <button type="button" class="btn btn-info editItemBtn">编辑</button>
						    		 <button type="button" style="margin-right:10px;" class="btn btn-info delItemBtn" >删除</button>
							     </div>
							 </div>
							 <input type="hidden" name="itemId" id="itemId" />
								<table id="resultItemTable" class="mytable dataTable table-bordered text-center table-striped table-hover"  cellspacing="0" width="100%">
									<thead>
										<tr>
											<th width="10%">序号</th>
											<th width="15%"><input type="checkbox" id="checkAllItem"/></th>
											<th width="15%">维护周期（天）</th>
											<th width="15%">维护项目</th>
											<th width="20%">注意事项</th>
											<th width="25%">备注</th>
										</tr>
									</thead>
									<tbody>
									</tbody>
								</table>

							   </form>
                        </div>
                        </div>
                         <div class="modal-footer">
                         <button type="button" class="btn pull-right btn-default" data-dismiss="modal">返回</button>
                    </div>
                    </div>
                        </div>
                       
                        </div>
                        </div>
            
            <script th:src="@{/afterSaleMaintain/maintainindex.js}"></script>
        </div>
		
</body>
</html>
        
